<extend name="Base/common"/>
<block name="style">
<link href="__PUBLIC__/Blovex4/css/jquery.datetimepicker.css" rel="stylesheet">
</block>

<block name="Content">
	<div class="am-cf am-padding-top">
        <div class="am-fl am-cf">
            <i class="am-icon-pencil-square-o"></i>
            <strong class="am-text-primary am-text-lg">
                    查看订单详情
            </strong>
        </div><hr data-am-widget="divider" class="am-divider am-divider-default" />
    </div>
    <div class="am-tabs" data-am-tabs>
        <ul class="am-tabs-nav am-nav am-nav-tabs">
            <li>
                <a href="#tab2">订单信息</a>
            </li>
        </ul>
        <div class="am-tabs-bd">
            <div class="am-tab-panel am-fade" id="tab2">
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            订单号
                        </div>
                        <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                            {$orderModel['order_no']}
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">
                        </div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            用户账号
                        </div>
                        <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                            {$userModel['account']}
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">
                        </div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            服务类型
                        </div>
                        <div class="am-u-sm-8 am-u-md-4">
                            {$orderModel['detail_name']}
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">
                        </div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            预约时间
                        </div>
                        <div class="am-u-sm-8 am-u-md-4">
                            <if condition="$orderModel.emergency eq '1'">
                            	{$orderModel['appointment']|date='Y-m-d H:i',###}
                            <else/>
                            	{$orderModel['delay']}分钟
                            </if>
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">
                        </div>
                    </div>
                    
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            维修地址
                        </div>
                        <div class="am-u-sm-8 am-u-md-4">
                            {$orderModel['address']}
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">
                        </div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            联系人姓名
                        </div>
                        <div class="am-u-sm-8 am-u-md-4">
                            {$orderModel['contact']}
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">
                        </div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            联系电话
                        </div>
                        <div class="am-u-sm-8 am-u-md-4">
                            {$orderModel['telphone']}
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">
                        </div>
                    </div>
                    <notempty name="senderModel">
                    
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            转单前小哥联系方式
                        </div>
                        <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                            {$senderModel['account']}
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">
                        </div>
                    </div>
                    </notempty>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            小哥联系方式
                        </div>
                        <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                            {$workerModel['account']}
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">
                        </div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            维修费用
                        </div>
                        <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                            {$orderModel['total']}
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">
                        </div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                           优惠后价格
                        </div>
                        <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                            {$orderModel['rate_price']}
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">
                        </div>
                    </div>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            交易额
                        </div>
                        <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
                            {$orderModel['turnover']}
                        </div>
                        <div class="am-hide-sm-only am-u-md-6">
                        </div>
                    </div>
                    
                    <notempty name="list">
	                    <div class="am-g am-margin-top">
	                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
	                            收费类型
	                        </div>
	                        <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
	                            价格
	                        </div>
	                        <div class="am-hide-sm-only am-u-md-6">
	                        </div>
	                    </div>
                		<foreach name="list" item="price">
		                    <div class="am-g am-margin-top">
		                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
		                            <switch name="price.price_type">
			                            <case value="1|2">
			                                {$price.name}
			                            </case>
			                            <case value="3">
			                                协议费
			                            </case>
			                            <case value="4">
			                                超范围服务费
			                            </case>
			                        </switch>
		                        </div>
		                        <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
		                            {$price['total_price']}
		                        </div>
		                        <div class="am-hide-sm-only am-u-md-6">
		                        </div>
		                    </div>
		                </foreach>
		            </notempty>
		            
		            <if condition="$orderModel.status eq '7'">
			            <div class="am-g am-margin-top">
	                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
	                            订单取消原因
	                        </div>
	                        <div class="am-u-sm-8 am-u-md-4 am-u-end col-end">
	                            {$orderModel['reason']}
	                        </div>
	                        <div class="am-hide-sm-only am-u-md-6">
	                        </div>
	                    </div>
                    </if>
                    <div class="am-g am-margin-top">
                        <div class="am-u-sm-4 am-u-md-2 am-text-right">
                            维修部位图片
                        </div>
                        <div class="am-u-sm-8 am-u-md-8 am-u-end col-end">
                            <ul data-am-widget="gallery" class="am-gallery am-avg-sm-2 am-avg-md-3 am-avg-lg-4 am-gallery-imgbordered"
    							data-am-gallery="{}">
    							<notempty name="recordList">
            						<foreach name="recordList" item="record">
            							<li>
        									<div class="am-gallery-item">
        										<a href="{$record.fullpath}" class="">
        											<img src="{$record.fullpath}"/>
        										</a>
        									</div>
        								</li>
    								</foreach>
    							</notempty>
    						</ul>
                        </div>
                    </div>
                    
                    <div class="am-margin">
                        <button type="button" class="am-btn am-btn-secondary am-btn-xs" onclick="javascript:history.back(-1);return false;">
                            返回列表
                        </button>
                    </div>
            </div>
        </div>
    </div>
</block>